<!DOCTYPE html>
<html lang="ko">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no" />
	<meta name="HandheldFriendly" content="true" />
	<meta name="format-detection" content="telephone=no">
	<title>현대자동차 인재채용 시스템</title>
	<link rel="apple-touch-icon" href="../images/icon.png" />
	<link rel="shortcut icon" href="../images/icon.png" />
	<link href="../css/style.css" rel="stylesheet" />
	
	<script src="../js/inc.util.modernizr.js"></script>
	<script src="../js/jquery-2.1.1.min.js"></script>
	<script src="../js/front_ui.js"></script>	
</head>
<body>
	<div class="wrap">
		<div class="side-menu">
			<span class="logo"></span>
			<ul class="menu">
				<li class="new"><a href="#">신입채용</a></li>
				<li class="career"><a href="#">경력상시채용</a></li>
				<li class="foreign"><a href="#">해외채용</a></li>
				<li class="time"><a href="#">시간제 일자리채용</a></li>
				<li class="db"><a href="#">인재DB</a></li>
				<li class="the-h"><a href="#">The H</a></li>
				<li class="faq"><a href="#">문의하기</a></li>
				<li class="fb"><a href="#">인재채용 FACEBOOK</a></li>
				<li class="my current"><a href="#">마이페이지</a></li>
			</ul>
			<p class="opt">
				<a href="#">PC버전</a><a href="#">로그아웃</a>
			</p>
		</div><!-- // .side-menu -->

		<div class="cont" id="HDcont">
			<div class="c-head line-blue">
				<h1>마이페이지</h1>
				<a href="#" class="menu" id="HDmenuSlide">메뉴</a>
				<!-- 로그인 전// <a href="#" class="account">로그인</a> -->
				<a href="#" class="account">홈</a>
			</div>
			<div class="c-body my-page-wrap">
				<div class="my-page">
					<h2 class="m-title">회원정보</h2>
					<table class="my-table">
						<caption>나의 회원정보</caption>
						<tbody>
							<tr>
								<th>이름</th>
								<td>홍길동</td>
							</tr>
							<tr>
								<th>성별</th>
								<td>남성</td>
							</tr>
							<tr>
								<th>아이디</th>
								<td>hong1234</td>
							</tr>
							<tr>
								<th>이메일주소1</th>
								<td>hong1234@hanmail.com</td>
							</tr>
							<tr>
								<th>이메일주소2</th>
								<td>hong1234@gmail.com</td>
							</tr>
							<tr>
								<th>휴대폰번호</th>
								<td>010-1234-5678</td>
							</tr>
							<tr>
								<th>생년월일</th>
								<td>1980년 1월 12일</td>
							</tr>
							<tr>
								<th>소식지 수신동의</th>
								<td>동의안함</td>
							</tr>
							<tr>
								<th>SMS 수신동의</th>
								<td>동의안함</td>
							</tr>
						</tbody>
					</table>
				</div>

				<div class="my-page">
					<h2 class="m-title">내가 지원한 채용공고 현황</h2>
					<ul class="list list-2">
						<li>
							<span class="item">
								<span class="subject">2014 상반기 현대자동차 대졸공채 신입 모집 - 글자 긴 경우 말줄임</span>
								<span class="date">2014년 3월 2일 ~ 3월 9일</span>
								<span class="status ing">서류접수</span>
							</span>
						</li>
						<li>
							<span class="item">
								<span class="subject">2014 상반기 현대자동차 대졸공채</span>
								<span class="date">2014년 3월 2일 ~ 3월 9일</span>
								<span class="status end">종료</span>
							</span>
						</li>
					</ul>
					<!-- 없을 경우
					<p class="false">내가 지원한 채용공고가 없습니다.</p>
					-->
				</div>

				<div class="my-page">
					<h2 class="m-title">내가 스크랩한 채용공고 현황</h2>
					<ul class="list list-1">
						<li>
							<a href="./recruit_view.html" class="item">
								<span class="status ing">채용중</span>
								<span class="subject">2014 상반기 현대자동차 대졸공채 신입 모집 - 글자 긴 경우 말줄임</span>
								<span class="date">2014년 3월 2일 ~ 3월 9일</span>
							</a>
						</li>
						<li>
							<span class="item">
								<span class="status end">마감</span>
								<span class="subject">2014 상반기 현대자동차 대졸공채</span>
								<span class="date">2014년 3월 2일 ~ 3월 9일</span>
							</span>
						</li>
					</ul>
					<!-- 없을 경우
					<p class="false">내가 스크랩한 채용공고가 없습니다.</p>
					-->
				</div>

				<div class="my-page">
					<h2 class="m-title">상시 채용지원 현황</h2>
					<table class="my-table">
						<caption>상시 채용지원 현황</caption>
						<tbody>
							<tr>
								<th>상시 채용지원(인재DB)등록</th>
								<td>미등록</td>
							</tr>
							<tr>
								<th>최종 수정일</th>
								<td>2014년 3월 6일</td>
							</tr>
						</tbody>
					</table>
				</div>

				<div class="my-page">
					<h2 class="m-title">내가 신청한 The H 현황</h2>
					<table class="my-table-h">
						<caption>상시 채용지원 현황</caption>
						<tbody>
							<tr>
								<th>2014년 3월 6일  13:30~14:00</th>
								<td><a href="#" class="btn-c">신청취소</a></td>
							</tr>
							<tr>
								<th>2014년 4월 1일  13:30~14:00</th>
								<td><a href="#" class="btn-c">신청취소</a></td>
							</tr>
						</tbody>
					</table>
					<!-- 없을 경우
					<p class="false">내가 신청한 The H 현황이 없습니다.</p>
					-->
				</div>
			</div>
		</div><!-- // .cont -->
	</div><!-- // .wrap -->
</body>
</html>